p,span{
	margin: 0;
	padding: 0;
}
body,html{
	background: #F5F5F5;
}
.mui-bar .mui-title {
	padding-left: 0.8rem;
	padding-right: 0.5rem;
}
.mui-bar .mui-title.levelellipsis {
	padding-right: 2.8rem;
}
.mui-bar-nav,.mui-bar {
	box-shadow: none;
	background: #F5F5F5;
}
.mui-bar .mui-icon{
	font-size: 0.32rem;
	line-height: 44px;
	padding: 0;
}
.mui-bar .mui-title {
	font-size: 0.49rem;
	color: #565656;
}
.mui-content {
	padding: 0 0.15rem;
	background: #F5F5F5;
}
.msgItems,.supItems{
	/*border: 1px solid #C8D1D6;*/
	border-radius: 0.04rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	background: white;
	text-align: initial;
	text-align-last: initial;
}
.msgItems:nth-child(1),
.msgItems:nth-child(2),
.supItems:nth-child(1),
.supItems:nth-child(2){
	margin-top: 0.2rem;
}
.msgItems:first-child {
	margin-top: 0.15rem;
}
.mui-content .title {
	line-height: 0.98rem;
	height: 0.98rem;
	font-size: 0.28rem;
	color: #595757;
	padding-left: 0.46rem;
	background: #FCFCFC;
	border-bottom: 1px solid #E4E9EA;
}
.mui-content .itemContent {
	padding: 0.15rem 0;
	background: white;
}
.mui-content .itemContent p {
	line-height: 0.86rem;
	padding-left: 0.46rem;
	font-size: 0.32rem;
	color: #848484;
}
.mui-content .itemContent p span {
	color: #333333;
	margin-left: 0.12rem;
}
.detail {
	z-index: 999;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	position: fixed;
	bottom: 0.3rem;
	right: 0.3rem;
	background-color: #66CCCC;
	background-image:url(../../images/detial.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 0.56rem 0.56rem;
}
.detail a {
	display: inline-block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.mui-popover {
	width: auto;
	padding:0.3rem;
}
#popover li.item {
	border:0;
	line-height:0.86rem;
}
.mui-table-view-cell:after {
	height: 0;
}
#popover li.item i {
	display:inline-block;
	width: 0.46rem;
	height: 0.46rem;
	vertical-align: middle;
	margin-top: -0.1rem;
	margin-right:0.15rem;
}
#popover li.item span {
	color:#888888;
	font-size:0.28rem;
}
#popover li i.jiandu {
	background: url(../../images/jiandu.png) no-repeat center;
	background-size: 0.46rem 0.46rem;
}
#popover li i.chufa {
	background: url(../../images/chufa.png) no-repeat center;
	background-size: 0.46rem 0.46rem;
}
#popover li i.dingwei {
	background: url(../../images/dingwei.png) no-repeat center;
	background-size: 0.46rem 0.46rem;
}

.mui-content .supItems {
	width: 6.4rem;
	display: inline-block;
	margin-right: 0.18rem;
	vertical-align: top;
}
.mui-content .supItems:nth-child(2n) {
	margin-right: 0;
}
.itemContent i {
	font-style: normal;
	padding: 0.04rem 0.1rem;
	font-size: 0.24rem;
	margin-left: 0.2rem;
}
.itemContent .doing {
	border: 1px solid #0B7BE0;
	color: #0B7BE0;
}
.itemContent .over {
	border: 1px solid #FF0000;
	color: #FF0000;
}
.itemContent .later {
	border: 1px solid #F76C3A;
	color: #F76C3A;
}
.itemContent .finish {
	border: 1px solid #5AB95A;
	color: #5AB95A;
}
#tab {
	font-size: 0;
	margin-top: 0.1rem;
}
#tab a {
	display: inline-block;
	width: 1.42rem;
	font-size: 0.28rem;
	height: 0.67rem;
	text-align: center;
	line-height: 0.67rem;
	border: 1px solid #C8D1D6;
	background: white;
	color: #888888;
}
#tab a.active {
	background: #EAEAEA;
	color: #0B7BE0;
}
#tab a:first-child {
	border-right: 0;
}
.mui-bar .mui-icon:active {
	opacity: 1;
}

/*等級*/
.face i {
	display: inline-block;
	width: 0.4rem;
	height: 0.4rem;
	vertical-align: middle;
	margin-top: -0.05rem;
}
.A{
	background: url(../../images/A.png) no-repeat center;
	background-size: cover;
}
.B{
	background: url(../../images/B.png) no-repeat center;
	background-size: cover;
}
.C{
	background: url(../../images/C.png) no-repeat center;
	background-size: cover;
}
